<!DOCTYPE HTML>
<html>
    <head lang="zh-CN">
        <meta charset="UTF-8">
        <title>享点阅读（文章主页）</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!-- 设置初始缩放比例为1.0，使用设备宽度  -->
        <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
        <!-- 在iOS下开启全屏模式  -->
        <meta name="apple-mobile-web-app-capable" content="yes">
        <!-- 隐藏 Sarafi 状态栏  -->
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link href="/public/img/images/icon/xd.ico" rel="shortcut icon" />
        <link href="/public/css/comment/wapReset.css" rel="stylesheet"/>
        <link rel="stylesheet" type="text/css" href="/public/css/comment/header_top.css">   
        <link rel="stylesheet" type="text/css" href="/public/css/pageInfo.css">
        <link rel="stylesheet" type="text/css" href="/public/css/jquery.range.css">
        <link rel="stylesheet" type="text/css" href="/public/css/comment/messageInfo.css">
        <script src="/public/js/rem/rem.js"></script>
    </head>
    <body scroll="no">
        <?php if($data['novelInfo'] && $data['novelInfo']['read_record']['type'] == 1):?>
            <div class="told_press">
                <div>
                    <p>
                        <span>是否继续上次阅读？</span>
                        <a href="javascript:;"><?php echo $data['novelInfo']['read_record']['info']['chapter_name'];?></a>
                    </p>
                    <ul>
                        <li>放弃</li>
                        <li data-n="<?php echo $data['novel_id'];?>" data-c="<?php echo $data['novelInfo']['read_record']['info']['chapter_id'];?>">继续阅读</li>
                    </ul>
                </div>
            </div>
        <?php endif;?>
        <div class="chooseSection">
            <div class="sectionHead">
                <img src="/public/img/images/tabbar-back.png">
                选择章节
                <span>
                    全选
                </span>
            </div>
            <ul class="sectionCont">
                <li check="false" price="10">
                    <img src="/public/img/images/btn-nocheck.png">
                    <span>第一章：谁偷走了我的奶酪</span>
                    <a href=" ">10阅币</a >
                </li><li check="false" price="10">
                    <img src="/public/img/images/btn-nocheck.png">
                    <span>第一章：谁偷走了我的奶酪</span>
                    <a href="javascript:;">10阅币</a >
                </li>
                <li check="false" price="10">
                    <img src="/public/img/images/btn-nocheck.png">
                    <span>第一章：谁偷走了我的奶酪</span>
                    <a href="javascript:;">10阅币</a >
                </li>
                <li check="false" price="20">
                    <img src="/public/img/images/btn-nocheck.png">
                    <span>第一章：谁偷走了我的奶酪</span>
                    <a href="javascript:;">20阅币</a >
                </li>
                <li check="false" class="now" price="20">
                    <img src="/public/img/images/btn-nocheck.png">
                    <span>第一章：谁偷走了我的奶酪</span>
                    <a href="javascript:;">20阅币</a >
                </li>
                <li check="false" price="20">
                    <img src="/public/img/images/btn-nocheck.png">
                    <span>第一章：谁偷走了我的奶酪</span>
                    <a href="javascript:;">20阅币</a >
                </li>
            </ul>
            <div class="sectionFoot">
                <p>
                    <span>已选<i>0</i>章/共<i>0</i>阅币</span>
                    <a href="javascript:;">余额：<i>0</i>阅币</a>
                </p>
                <span>
                    订 阅
                </span>
            </div>
        </div>
        <div class="loading" style="display: none">
            <img src="/public/img/images/default_web.png">
            <p>加载失败，请检查网络</p>
        </div>
        <!-- 初次进入信息提示 -->
        <div class="message_once">
            <li>
                <img src="/public/img/images/menu-sessyuan.png">
                <p>点击左侧</p>
                <p>翻页阅读</p>
                <p>上一页</p>
            </li>
            <li>
                <img src="/public/img/images/menu-sessyuan.png">
                <p>点击中间</p>
                <p>进行阅读设置</p>
            </li>
            <li>
                <img src="/public/img/images/menu-sessyuan.png">
                <p>点击右侧</p>
                <p>翻页阅读</p>
                <p>下一页</p>
            </li>
            <button class="IKnow">我知道了</button>
        </div>
        <header>
            <div class="down_app return_back">
                <img src="/public/img/images/tabbar-back1.png">
            </div>
            <span>图书详情</span>
            <span>订阅</span>
            <div class="search">
                <!-- <img src="/public/img/images/tabbar-书架.png" alt="书架" class="bookcase"/> -->
                <span class="bookcase">书架</span>
                <img src="/public/img/images/tabbar-backhome1.png" alt="回到首页" class="return_home" />
            </div>
        </header>
        <!-- 文章正文 -->

        <!-- 上下方向布局 -->

        <!-- 第一版 -->
        <div id="wrapper" >
            <div class="scroller">
                <div style="text-align: center;height:50px;line-height: 50px;display: none">上拉阅读上一章节</div>
                <ul>
                    <section>
                        <h3><?php echo $data['menu'][$data['chapter_id']-1]['chapter_name'];?></h3>
                        <?php echo $data['content'];?>
                        <?php if($data['need_pay'] > 0):?>
                        <div class="loginMoney">
                            <a href="javascript:;">需消费：
                                <i>
                                    <?php echo $data['need_pay'];?>
                                </i>阅币&nbsp&nbsp&nbsp&nbsp当前剩余：
                                <i>
                                    <?php echo isset($data['user']['user_balance']) ? intval($data['user']['user_balance']) : '';?>
                                </i>阅币
                            </a>
                            <span>
                                <img src="/public/img/images/btn-check.png">
                                <a href="javascript:;">自动订阅下一章，不再提醒</a>
                            </span>
                            <div>订阅本章</div>
                            <a href="javascript:;">选择更多章节</a>
                        </div>
                        <?php endif;?>
                    </section>

                </ul>
                <div class="more"><i class="pull_icon"></i><span down="<?php echo $data['progress']['down'];?>">上拉加载...</span></div>
                <button>订阅本章</button>
            </div>
        </div>
        <!-- 左右方向布局 -->
        <div class="box_box">
            <div class="text_Info">
                <span class="prev_page"></span>
                <span class="next_page"></span>
                <div id="a" class="text_Info_cont">
                    <section>
                        <h3><?php echo $data['menu'][$data['chapter_id']-1]['chapter_name'];?></h3>
                        <?php echo $data['content'];?>
                        <?php if($data['need_pay'] > 0):?>
                            <div class="loginMoney">
                                <a href="javascript:;">需消费：
                                    <i>
                                        <?php echo $data['need_pay'];?>
                                    </i>阅币&nbsp&nbsp&nbsp&nbsp当前剩余：
                                    <i>
                                        <?php echo isset($data['user']['user_balance']) ? intval($data['user']['user_balance']) : '';?>
                                    </i>阅币
                                </a>
                                <span>
                                    <img check="true" src="/public/img/images/btn-check.png">
                                    <a href="javascript:;">自动订阅下一章，不再提醒</a>
                                </span>
                                <div onclick="buyChapter( < ?php echo $data['chapter_id']; ? > )">订阅本章</div>
                                <a class="getmoreSection" href="javascript:;">选择更多章节</a>
                            </div>
                        <?php endif;?>
                    </section>
                </div>
            </div>
        </div>
        
            <?php if($data['in_case'] == 1):?>
                <aside>
                    <img src="/public/img/images/btn-add.png">加入书架
                </aside>
            <?php else:?><!--
                <img src="/public/img/images/btn-加号.png">已在书架
            <?php endif;?>-->
        <div class="aside_booklist">
            <div>目录</div>
            <ul>
                <?php foreach($data['menu'] as $m):?>
                <a href="../novel/chapterContent?novelid=<?php echo $m['chapter_novel_id']?>&chapterid=<?php echo $m['chapter_id']?>">
                    <li id="<?php echo $m['chapter_order']?>" data-novel-id="<?php echo $m['chapter_novel_id']?>" data-chapter-id="<?php echo $m['chapter_id']?>" class="<?php echo $data['chapter_id'] == $m['chapter_id'] ? 'red_title' : '';?> <?php echo $m['chapter_ispay'] == 1 ? 'needMoney' : '';?>">
                        <?php echo $m['chapter_name'];?>
                    </li>
                </a>
                <?php endforeach;?>
            </ul>
        </div>
        <footer>
            <!-- 更改字体大小 -->
            <p class="set font_set">
                <button class="min"></button>
                <input type="range" min="28" max="56" step="4" value="<?php echo $data['set']['set_fontsize'] ? $data['set']['set_fontsize'] : 36;?>" name="changeFontSize">
                <button class="max"></button>
            </p>
            <!-- 更改阅读背景色 -->
            <div class="set">
                <ul>
                    <li date-color="#DFCDA9" class="<?php echo $data['set']['set_back'] == '0' ? 'active' : '';?>">
                        <a href="javascript:;"></a>
                    </li>
                    <li date-color="#C9D9EA" class="<?php echo $data['set']['set_back'] == '1' ? 'active' : '';?>">
                        <a href="javascript:;"></a>
                    </li>
                    <li date-color="#D2EFD3" class="<?php echo $data['set']['set_back'] == '2' ? 'active' : '';?>">
                        <a href="javascript:;"></a>
                    </li>
                    <li date-color="#F7F7F8" class="<?php echo $data['set']['set_back'] == '3' ? 'active' : '';?>">
                        <a href="javascript:;"></a>
                    </li>
                </ul>
            </div>
            <!-- 更改阅读方式 -->
            <div class="set">
                <p class="<?php echo $data['set']['set_style'] == '0' ? 'active' : '';?>">上下滑动</p>
                <p class="<?php echo $data['set']['set_style'] == '1' ? 'active' : '';?>">左右翻页</p>
            </div>


            <!-- 显示阅读进度 -->
            <div class="schedule schedule_show">
                <span data-up="<?php echo $data['progress']['up'];?>">
                    <img src="/public/img/images/left_03.png">
                    上一章
                </span>
                <p>
                    <a href="javascript:;"><?php echo $data['progress']['name'];?></a>
                    <a href="javascript:;" id="proNum"><?php echo number_format($data['progress']['order']/count($data['menu'])*100);?>%</a>
                </p>
                <span data-down="<?php echo $data['progress']['down'];?>">
                    下一章
                    <img src="/public/img/images/left_03.png">
                </span>
            </div>
            <!-- 更改阅读进度 -->
            <div class="schedule schedule_set demo">
                <a href="javascript:;"></a>
                <input type="hidden" value="<?php echo number_format($data['progress']['order']/count($data['menu'])*100);?>" name="changeSchedule" class="schedule_set_controll single-slider">
            </div>

            <!-- 底部控制导航 -->
            <ul>
                <li class="booklist">
                    <a href="javascript:;">
                        <img src="/public/img/images/menu-目录.png">
                    </a>
                    <p>目录</p>
                </li>
                <li class="propress" check="false">
                    <a href="javascript:;">
                        <img class="clickBack" src="/public/img/images/点击后的光.png">
                        <img src="/public/img/images/menu-进度.png">
                    </a>

                    <p>进度</p>
                </li>
                <li class="read_time" check="<?php echo $data['set']['set_back'] == '4' ? 'false' : 'true';?>">
                    <a href="javascript:;">
                        <img src="/public/img/images/menu-night.png">
                    </a>

                    <p>夜间</p>
                </li>
                <li class="set_show" check="false">
                    <a href="javascript:;">
                        <img class="clickBack" src="/public/img/images/点击后的光.png">
                        <img src="/public/img/images/menu-设置.png">
                    </a>

                    <p>设置</p>
                </li>
            </ul>
        </footer>
        <div class="message_info_alert">
            <span>修改成功</span>
        </div>
        <script type="text/javascript" src="/public/js/jquery1.7.2.js"></script>
        <!--<script type="text/javascript" src="/public/js/header.js"></script>-->
        <!--<script type="text/javascript" src="/public/js/iscroll.js"></script>-->
        <script type="text/javascript" src="/public/js/pageInfo.js"></script>
        <script type="text/javascript" src="/public/js/comment.js"></script>
        <script type="text/javascript" src="/public/js/jquery.range.js"></script>
<!--        <?php if(1):?>
            <script type="text/javascript">
                $(function(){
                    $("body").css("background", "url('/public/img/images/moneyBack.png')  no-repeat").css("backgroundAttachment", "fixed").css("backgroundPosition", "bottom")
                });
            </script>
        <?php endif;?>-->
        <script type="text/javascript">
                            var novelid = "<?php echo $data['novel_id'];?>";
                            $('.single-slider').jRange({
                                from: 0,
                                to: 100,
                                step: 0.1,
                                // scale: [0,25,50,75,100],
                                format: '%s',
                                // width: 300,
                                showLabels: true,
                                showScale: true
                            });
        </script>
    </body>
</html>